<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>云南森林火灾大数据平台</title>

  <!-- Bootstrap -->
  <link href="../../css/home/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="../../css/home/animate.css">
  <link rel="stylesheet" type="text/css" href="../../css/home/font-awesome.min.css">
  <link rel="stylesheet" type="text/css" href="../../css/home/jquery.bxslider.css">
  <link rel="stylesheet" type="text/css" href="../../css/home/normalize.css" />
  <link rel="stylesheet" type="text/css" href="../../css/home/demo.css" />
  <link rel="stylesheet" type="text/css" href="../../css/home/set1.css" />
  <link rel="stylesheet" type="text/css" href="../../css/home/overwrite.css" >
  <link rel="stylesheet" type="text/css" href="../../css/home/style.css" >
  <script src="../../js/jquery-2.1.1.min.js"></script>
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div id="systemHead" class="container" style="width: 100%">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header" style="width: 30%">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse.collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <!--固定了宽度，加了字体重量-->
      <a class="navbar-brand" href="index.html" style="width: 500px"><span style="font-weight: bold;padding-left: 50px">云南森林火灾大数据平台</span></a>
    </div>

    <div class="navbar-collapse collapse" style="width: 55%;">
      <div class="menu">
        <ul class="nav nav-tabs" role="tablist">
          <li style="cursor: pointer" role="presentation"><a id="index">首页</a></li>
          <li style="cursor: pointer" role="presentation"><a id="fun1">各森林数据展示</a></li>
          <li style="cursor: pointer" role="presentation"><a id="fun2">林火预测</a></li>
          <li style="cursor: pointer" role="presentation"><a id="fun3">无人机巡逻</a></li>
          <li class="active" style="cursor: pointer" role="presentation"><a id="fun4">系统管理</a></li>

          <div style="margin-top: 10px;margin-left: 50px">
            <a id="login" style="color: #fff;margin-left: 100px" href="../../html/loginAndRegister/login.html">登录</a>
            <a id="register" style="color: #fff; margin-left: 25px" href="../../html/loginAndRegister/register.html">注册</a>
          </div>
        </ul>
      </div>

    </div>
  </div>
</nav>
</body>
<script>
  $(function () {
    $('#index').click(function () {
      top.location.href = '../../index.html';
    });
    $('#fun1').click(function () {
      top.location.href = "../../html/functionalAreas/forestDataDisplay.html";
    });
    $('#fun2').click(function () {
      top.location.href = '../../html/functionalAreas/forestFireForecast.html';
    });
    $('#fun3').click(function () {
      top.location.href = '../../html/functionalAreas/dronePatrol.html';
    });
    $('#fun4').click(function () {
      top.location.href = '../../html/systemManagement/index.html';
    });
    $('#login').click(function () {
      top.location.href = '../../html/loginAndRegister/login.html';
    });
    $('#register').click(function () {
      top.location.href = '../../html/loginAndRegister/register.html';
    });
  });
</script>
</html>